<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>Pseudo-Class: Empty - Cascading Style Sheet Syntax</TITLE>
     <link rel="stylesheet" type="text/css" href="../../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<center>
<table border=3 cellpadding=5 cellspacing=0>
<tr>
    <td rowspan=2><h1 class="pagetitle">Pseudo-class:<br>empty</h1>
    <b><a href="../../../misc/suppkey.htm">Support Key:</a></b>
    [<b><i class="fs">CSS3</i></b>] [<b><i class="fs">NS6</i></b>]<br></td>
    <td colspan=2 align=center><b class="alert">Other Document-Tree<br>Pseudo-Classes</b><br></td>
</tr>
<tr>
    <td valign=top><a href="pclassroot.htm">root</a><br>
    <a href="pclassnot.htm">not</a><br>
    <a href="pclassfirstchild.htm">first-child</a><br></td>
    <td valign=top><a href="pclassfirstnode.htm">first-node</a><br>
    <a href="pclasslastchild.htm">last-child</a><br>
    <a href="pclasslastnode.htm">last-node</a><br>
    <a href="pclasslang.htm">lang</a><br></td>
</tr>
<tr><td align=center colspan=3>
<font size=2>= <span class="sitetitle">Index DOT Css</span> by <a 
href="../../../misc/email.htm">Brian Wilson</a> =</font><br>
</td></tr>
</table>
</center>

<div align="center">
<font size=2><a href="../../index.html">Main Index</a> |
<a href="../../propindex/font.htm">Property Index</a> |
<a href="../../supportkey/syntax.htm">CSS Support History</a> |
<a href="../../../history/browsers.htm">Browser History</a></font>
</div>
<hr size=1 align="center" width="25%">

<br><br>
<table border=1 cellspacing=0 cellpadding=5>
<tr><td>
<table border=0 cellspacing=0>
<tr>
    <th colspan=2 valign=bottom class="field"><big><u><b
        class="colheaders">&#160;&#160;&#160;Quick Statistics&#160;&#160;&#160;</b></u></big><br></th>
</tr>
<tr><th align=left><b class="l3heading">Applicable Elements: </b><br></th>
    <td>All</td></tr>
<tr><th align=left><b class="l3heading">HTML Equivalent: </b><br></th>
    <td>NA</td></tr>
</table>
</td></tr>
</table>

<dl>
<dt><big><b class="mainheading">What is it?</b></big>
    <dd>This Pseudo-class applies to elements or contexts that have no
        content. An element is considered to have content if it is a container
        element, and has at least one or more text or other elements inside
        it. This is probably of limited usefulness for container elements
        like DIV or BLOCKQUOTE, but for empty elements such as IMG it could
        have more applications.
        <br><br>

        <b class="alert">Another possible application:</b><br>
        Consider if a document is being constructed from database data - some
        fields may or may not contain data, and in a case where there is no data
        you wish to render this fact in a specific way.
</dl>

<dl>
<dt><big><b class="mainheading">Example</b></big>
    <dd><div class="example">Ext/Doc: <b class="selector">td:empty</b>
        { <span class="property">border</span> medium solid red;
          <span class="property">background-color</span> black }</div>
    <dd><div class="example">In-Line:&#160; NA</div>
</dl>

<big><b class="mainheading">Browser Peculiarities</b></big>
<ul>
    <li>Netscape 6.x: This pseudo-class does not apply to container elements
        that have no content, like TD or TH, where it would seem to have its
        most interesting use. (Bugzilla 26179)
</ul>

<br><br>
<a href="../../../misc/copyright.htm">Boring Copyright Stuff....</a>
<br>

</BODY>
</HTML>